<template>
  <div class="title">
    <span class="spanleft" @click="$router.go(-1)">＜</span>
    <span>{{title}}</span>
    <slot></slot>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue"
defineProps(['title'])
</script>

<style lang="scss">
  .title{
    height: 50px;
    width: 100vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background-color: #fff;
    .spanleft{
      margin-left: 30px;
      margin-right: 100px;
    }
    .spanright{
      margin-right: 30px;
      color: #80bece;
      margin-left: 70px;
    }
  }
</style>